<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="/static/js/top.js"></script>

    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/css/animate.css">
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/datepicker.min.css">
    <!-- <link rel="stylesheet" href="/static/css/fontawesome-all.min.css"> -->
    <link rel="stylesheet" href="/static/font/flaticon.css">
    <link rel="stylesheet" href="/static/css/font-awesome.css">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/css/magnific-popup.css">
    <link rel="stylesheet" href="/static/css/nice-select.css">
    <link rel="stylesheet" href="/static/css/odometer.css">
    <link rel="stylesheet" href="/static/css/responsive.css">
    <link rel="stylesheet" href="/static/css/swiper.min.css">
    <link rel="stylesheet" href="/static/css/2.css">
    <link rel="stylesheet" href="/static/css/top.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.2.1/css/bootstrap.css" rel="stylesheet">
</head>

<body>
    <div class="preloader">
        <div class="preloader-inner">
          <div class="preloader-icon"><span></span><span></span></div>
          <!-- /preloader-icon --></div>
        <!-- /preloader-inner --></div>
        <div class="cursor"></div>
    <header class="header-section">
        <div class="header">
            <div class="header-bottom">
                <div class="container">
                    <nav class="navbar navbar-expand-lg p-0">
                        <a class="site-logo site-title d-lg-none ">
                            <img src="/static/image/logo.png" alt="site-logo">
                        </a>
                        <button class="navbar-toggler ml-auto" type="button">
                            <span class="fas fa-bars"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav main-menu">
                                <li class="active">
                                    <a href="2.html">Home</a>
                                </li>
                                <li>
                                    <a href="2.html">About</a>
                                </li>
                                <li>
                                    <a href="2.html">Games</a>
                                </li>
                                <li>
                                    <a href="2.html">Plan</a>
                                </li>
                                <li class="menu_has_children">
                                    <a href="2.html">Blog</a>
                                </li>
                                <li>
                                    <a href="2.html">Contact</a>
                                </li>
                            </ul>
                        </div>

                    </nav>
                </div>
            </div>
        </div>
    </header>

    <!-- <section class="banner-section bg bg_img">
        <div class="container">
            <div class="row align-items-center mb-30-none">
                <div class="col-lg-6 mb-30">
                
                </div>
            </div>
        </div>
    </section> -->



    <section class="about-section bg pt-120 pb-120">
        <div class="about-element-one"><img src="/static/image/icon/icon-1.png" alt="icon"></div>
        <div class="about-element-two"><img src="/static/image/icon/icon-2.png" alt="icon"></div>
        <div class="about-element-three"><img src="/static/image/icon/icon-3.png" alt="icon"></div>
        <div class="about-element-four"><img src="/static/image/icon/icon-4.png" alt="icon"></div>
        <div class="about-element-five"><img src="/static/image/icon/icon-5.png" alt="icon"></div>
        <div class="about-element-six"><img src="/static/image/icon/icon-5.png" alt="icon"></div>
        <div class="about-element-seven"><img src="/static/image/icon/icon-6.png" alt="icon"></div>
        <div class="about-element-eight"><img src="/static/image/icon/icon-7.png" alt="icon"></div>
        <div class="about-element-nine"><img src="/static/image/icon/icon-8.png" alt="icon"></div>
        <div class="about-element-ten"><img src="/static/image/icon/icon-9.png" alt="icon"></div>
        <div class="container">
            <div id="myCarousel" class="carousel slide" data-ride="carousel">

                <!-- 指示符 -->
                <ul class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                    <li data-target="#myCarousel" data-slide-to="4"></li>
                    <li data-target="#myCarousel" data-slide-to="5"></li>
                    <li data-target="#myCarousel" data-slide-to="6"></li>
                    <li data-target="#myCarousel" data-slide-to="7"></li>
                    <li data-target="#myCarousel" data-slide-to="8"></li>
                    <li data-target="#myCarousel" data-slide-to="9"></li>
                </ul>

                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="/static/image/1.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/2.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/3.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/4.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/5.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/6.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/7.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/8.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/9.png" class="lunbo">
                    </div>
                    <div class="carousel-item">
                        <img src="/static/image/10.png" class="lunbo">
                    </div>
                </div>

                <!-- 左右切换按钮 -->
                <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a class="carousel-control-next" href="#myCarousel" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>

            </div>
            <div class="row justify-content-center align-items-center mb-30-none" style="margin-top: 50px;">
                <div class="col-lg-6 mb-30">
                    <div class="row justify-content-center mb-30-none">
                        <div class="col-lg-6">
                            <div class="about-item text-center">
                                <div class="about-icon">
                                    <img src="/static/image/about-1.png" alt="about">
                                </div>
                                <h3 class="title">Great PC Games</h3>
                                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                                <div class="about-btn">
                                    <a href="2.html" class="custom-btn">
                                        Read More
                                        <i class="fas fa-long-arrow-alt-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="about-item about-item--style text-center mt-30">
                                <div class="about-icon">
                                    <img src="/static/image/about-1.png" alt="about">
                                </div>
                                <h3 class="title">Great PC Games</h3>
                                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                                <div class="about-btn">
                                    <a href="2.html" class="custom-btn">
                                        Read More
                                        <i class="fas fa-long-arrow-alt-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-30">
                            <div class="about-item text-center">
                                <div class="about-icon">
                                    <img src="/static/image/about-1.png" alt="about">
                                </div>
                                <h3 class="title">Great PC Games</h3>
                                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                                <div class="about-btn">
                                    <a href="2.html" class="custom-btn">
                                        Read More
                                        <i class="fas fa-long-arrow-alt-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-30">
                            <div class="about-item about-item--style-two text-center mt-30">
                                <div class="about-icon">
                                    <img src="/static/image/about-1.png" alt="about">
                                </div>
                                <h3 class="title">Great PC Games</h3>
                                <p>Lorem ipsum dolor sit amet,consectetur tur adipiscing elit. </p>
                                <div class="about-btn">
                                    <a href="2.html" class="custom-btn">
                                        Read More
                                        <i class="fas fa-long-arrow-alt-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-lg-6 mb-30">
                    <div class="about-content">
                        <a class="cmn-btn">Read Our Story
                            <i class="fas fa-long-arrow-alt-right"></i>
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <section class="client-section bg pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center align-items-center mb-30-none">
                <div class="col-lg-7 mb-30">
                    <div class="client-item-area">
                        <div class="ruddra-next"><img src="/static/image/next.png" alt="next"></div>
                        <div class="ruddra-prev"><img src="/static/image/prev.png" alt="prev"></div>
                        <div class="client-wrapper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="client-item text-center">
                                        <div class="client-thumb"><img src="/static/image/about-1.png" alt="client">
                                        </div>
                                        <div class="client-details">
                                             
                                            <p>So easy to discover incredible new games,I can start playing
                                                immediately;one click and I’m in!</p>
                                            <div class="client-name"><span class="title">Donnie Neal </span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="client-item text-center">
                                        <div class="client-thumb"><img src="/static/image/about-2.png" alt="client">
                                        </div>
                                        <div class="client-details">
                                            
                                            <p>So easy to discover incredible new games,I can start playing
                                                immediately;one click and I’m in!</p>
                                            <div class="client-name"><span class="title">Donnie Neal </span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="client-item text-center">
                                        <div class="client-thumb"><img src="/static/image/about-3.png" alt="client">
                                        </div>
                                        <div class="client-details">
                                            
                                            <p>So easy to discover incredible new games,I can start playing
                                                immediately;one click and I’m in!</p>
                                            <div class="client-name"><span class="title">Donnie Neal </span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="client-item text-center">
                                        <div class="client-thumb"><img src="/static/image/about-4.png" alt="client">
                                        </div>
                                        <div class="client-details">
                                            
                                            <p>So easy to discover incredible new games,I can start playing
                                                immediately;one click and I’m in!</p>
                                            <div class="client-name"><span class="title">Donnie Neal </span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 mb-30">
                    <div class="client-content">
                        <h3 class="sub-title">Testimonials</h3>
                        <h2 class="title">5000+happy clients all around the world</h2>
                        <div class="client-btn"><a href="#0" class="cmn-btn">Leave a review<i
                                    class="fas fa-long-arrow-alt-right"></i></a></div>
                    </div>
                </div>
            </div>
        </div>
    </section>





    <section class="faq-section bg pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 text-center">
                    <div class="section-header">
                        <h3 class="sub-title">HOW CAN WE HELP?</h3>
                        <h2 class="section-title">Frequently Asked Questions</h2>
                        <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor ut labore et
                            dolore magna aliqua. Quis ipsum suspendisse ultrices gravida</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center mb-30-none">
                <div class="col-lg-8 mb-30">
                    <div class="faq-wrapper">
                        <div class="faq-item">
                            <h3 class="faq-title"><span class="title">Does Utomik work on mobile,Mac and
                                    Windows?</span><span class="right-icon"></span></h3>
                            <div class="faq-content">
                                <p>The base requirement is to simply have an internet connection in order to run gamio.
                                    Our downloading system will decide how much of the game to download before starting
                                    a game based upon your connection.</p>
                                <p>This means that if you have a fast connection,the games will start up faster due to
                                    downloading less. If you have a slow connection,the games will start up slower due
                                    to downloading more,but this is to ensure that you have no issues while you play no
                                    matter what connection speed you have. </p>
                                <p>If you would like further information about how this system works,please send an
                                    email to <a href="#0">support@medforce.com.</a></p>
                            </div>
                        </div>
                        <div class="faq-item">
                            <h3 class="faq-title"><span class="title">What kind of games are on Gamio?</span><span
                                    class="right-icon"></span></h3>
                            <div class="faq-content">
                                <p>The base requirement is to simply have an internet connection in order to run gamio.
                                    Our downloading system will decide how much of the game to download before starting
                                    a game based upon your connection.</p>
                                <p>This means that if you have a fast connection,the games will start up faster due to
                                    downloading less. If you have a slow connection,the games will start up slower due
                                    to downloading more,but this is to ensure that you have no issues while you play no
                                    matter what connection speed you have. </p>
                                <p>If you would like further information about how this system works,please send an
                                    email to <a href="#0">support@medforce.com.</a></p>
                            </div>
                        </div>
                        <div class="faq-item active open">
                            <h3 class="faq-title"><span class="title">What Internet speed do I need for
                                    Gamio?</span><span class="right-icon"></span></h3>
                            <div class="faq-content">
                                <p>The base requirement is to simply have an internet connection in order to run gamio.
                                    Our downloading system will decide how much of the game to download before starting
                                    a game based upon your connection.</p>
                                <p>This means that if you have a fast connection,the games will start up faster due to
                                    downloading less. If you have a slow connection,the games will start up slower due
                                    to downloading more,but this is to ensure that you have no issues while you play no
                                    matter what connection speed you have. </p>
                                <p>If you would like further information about how this system works,please send an
                                    email to <a href="#0">support@medforce.com.</a></p>
                            </div>
                        </div>
                        <div class="faq-item">
                            <h3 class="faq-title"><span class="title">Can I play as much as I want?</span><span
                                    class="right-icon"></span></h3>
                            <div class="faq-content">
                                <p>The base requirement is to simply have an internet connection in order to run gamio.
                                    Our downloading system will decide how much of the game to download before starting
                                    a game based upon your connection.</p>
                                <p>This means that if you have a fast connection,the games will start up faster due to
                                    downloading less. If you have a slow connection,the games will start up slower due
                                    to downloading more,but this is to ensure that you have no issues while you play no
                                    matter what connection speed you have. </p>
                                <p>If you would like further information about how this system works,please send an
                                    email to <a href="#0">support@medforce.com.</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 mb-30">
                    <div class="faq-thumb"><img src="/static/image/faq.png" alt="faq"></div>
                </div>
            </div>
            <div class="faq-bottom-area">
                <div class="row justify-content-center">
                    <p>Do not hesitate to <span>contact us</span>if you have any questions about our pricing plans.
                        We're here to help and don’t forget to check the <span>FAQ page.</span></p>
                </div>
            </div>
        </div>
    </section>


    <div class="progress-wrap active-progress">
        <svg class="progress-circle svg-content" style="width: 100%; height: 100%;" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"
                style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 0;">
            </path>
        </svg>
    </div>

</body>
<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script><!-- migarate-jquery -->
<script src="/static/js/jquery-migrate-3.0.0.js"></script>
<!-- bootstrap js -->
<script src="/static/js/bootstrap.min.js"></script>
<!-- magnific-popup js -->
<script src="/static/js/jquery.magnific-popup.js"></script>
<!-- isotope -->
<script src="/static/js/isotope.pkgd.min.js"></script>
<!-- nice-select js-->
<script src="/static/js/jquery.nice-select.js"></script>
<!-- swipper js -->
<script src="/static/js/swiper.min.js"></script>
<!-- waypoints js link -->
<script src="/static/js/jquery.waypoints.min.js"></script>
<!-- counterup js -->
<script src="/static/js/jquery.counterup.min.js"></script>
<!-- datepicker js -->
<script src="/static/js/datepicker.min.js"></script>
<!-- datepicker js -->
<script src="/static/js/datepicker.en.js"></script>
<!-- viewport js -->
<script src="/static/js/viewport.jquery.js"></script>
<!-- odometer js -->
<script src="/static/js/odometer.min.js"></script>
<!-- map js -->
<script src="/static/js/jquery.vmap.min.js"></script>
<script src="/static/js/jquery.vmap.world.js"></script>
<!-- wow js file -->
<script src="/static/js/wow.min.js"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/Swiper/4.4.6/js/swiper.min.js"></script>
<script src="/static/js/plugin.js"></script> <!-- paroller js -->
<script src="/static/js/jquery.paroller.min.js"></script>
<!-- main -->
<script src="/static/js/main.js"></script>

<style>
    .lunbo {
        width: 100%;
    }

    .lunbos {
        text-align: center;
        height: auto;
    }

    .carousel-item {
        text-align: center;
    }
</style>

</html>